---
import StarlightPage from '@astrojs/starlight/components/StarlightPage.astro'
---

<StarlightPage frontmatter={{ title: '404 - Page Not Found' }}>
	<div class="container">
		<p>
			Sorry, we couldn't find the page you're looking for. The page may have been moved or deleted.
		</p>
		<p>
			<a href="https://github.com/reatom/reatom/issues" target="_blank" rel="noopener noreferrer">Fire an issue</a> if you believe this is a mistake.
		</p>
	</div>
</StarlightPage>

<style>
	.container {
		max-width: 60ch;
		margin: 0 auto;
		padding: 2rem 1rem;
	}

	h1 {
		font-size: 2rem;
		font-weight: 700;
		margin-bottom: 1rem;
	}

	p {
		margin-bottom: 1rem;
		line-height: 1.6;
	}

	a {
		color: var(--sl-color-text-accent);
		text-decoration: underline;
	}

	a:hover {
		text-decoration: none;
	}
</style>

